<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>获取文件编码</title>
    <link rel="stylesheet" href="assets/common.bundle.css">
    <link rel="stylesheet" href="./code.css">
</head>

<body>
<div class="code">
    <div class="code-hd">
        <p>可选择 .png、.webp、.jpeg、.jpg、.gif、.tiff、.avif、.svg、.ttf、.woff、.woff2。 </p>
    </div>

    <div class="code-bd">
        <p><input type="file" id="file" accept=".png, .webp, .jpeg, .jpg, .gif, .tiff, .avif, .svg, .ttf, .woff, .woff2"></p>
        <p><button id="getBase64" >复制 Base64 字符串</button> <span id="status"></span></p>

    </div>
    <div class="code-ft">
        <div class="code-additional">
            <ul>
                <li><a id="how" href="#">在html或CSS中使用Base64字符串</a></li>
                <li><a id="gadgets" href="#">小工具</a></li>
            </ul>
        </div>
    </div>
</div>
<script src="../assets/common.bundle.js"></script>
<script src="code.js"></script>
</body>

</html>
